<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>${article.title}</title>
    <link href='http://fonts.font.im/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
    <style type="text/css">
        img{
            max-width: 100%;
        }
        .container{
            padding: 0 10px;
        }
        .article-title{
            text-align: center;
            margin: 0;
        }
        .category,.author,.create-time{
            padding: 10px;
            font-size: .9rem;
            color: rgb(168, 168, 168);
        }
        .info{
            padding: 5px;
            text-align: center;
            border-bottom: solid 1px rgb(120, 89, 175);
        }
    </style>
</head>
<body>
<div class="container">
    <div>
        <h2 class="article-title">${article.title}</h2>
    </div>
    <div class="info">
        <span class="category">类型:
            <#if article.type == 1>
                原创
            <#elseif article.type == 2>
                转载
            <#elseif article.type == 3>
                外链
            <#elseif article.type == 4>
                其它3
            <#else>
                未知类型
            </#if>
        </span>
        <span class="author">作者: ${article.author}</span>
        <span class="create-time">发布于: ${article.createTime?string('yyyy.MM.dd')}</span>
    </div>
    <div class="content">
        ${article.content}
    </div>
</div>
</body>
</html>